<template>
	<view class="box">
		<view>{{title1}}</view>
		<view>{{title2}}</view>
		<view class="line"></view>
		<view class="style"></view>
	</view>
</template>

<script>
	export default {
		props: {
			title1: String,
			title2: String
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.box {
		text-align: center;
		position: relative;
	}

	.box view:nth-child(1) {
		font-size: 30rpx;
		margin: 20rpx 0;
	}

	.box view:nth-child(2) {
		font-size: 23rpx;
		color: #b7b4be;
		margin-bottom: 20rpx;
	}

	.line {
		margin: auto;
		width: 27%;
		border-top: 5rpx solid #626262;
	}

	.style {
		height: 13rpx;
		width: 8%;
		background-color: #2980b9;
		position: absolute;
		top: 93%;
		left: 46%;
	}
</style>